<template>
  <router-link :to="href"
               class="more">
    查看全部
    <i class="iconfont iconfont icon-angle-right"></i>
  </router-link>
</template>

<script lang="ts"
        setup>
withDefaults(defineProps<{
  href: string
}>(), {
  href: ''
})
</script>

<style lang="less"
       scoped>
.more {
  font-size: 16px;
  margin-right: 4px;
  color: #999;

  &:hover {
    color: @xtxColor;
  }

  i {
    font-size: 14px;
  }
}
</style>